import styled from 'styled-components'

export const RecommendWrapper = styled.div `

`
export const Content = styled.div `
    display: flex;
`

export const RecommendLeft = styled.div `
    width: 729px;
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
 
`

export const RecommendRight = styled.div `
    flex: 1;
    height: 920px;
    background-color: #e7e7e7;

    .login{
        height: 126px;
        background-color: #ebebeb;
        border-bottom: 2px solid #ccc;
        p{
            /* margin: 0 23px; */
            padding: 16px 23px;
        }
        a{
            display: block;
            width: 100px;
            height: 31px;
            line-height: 31px;
            text-align: center;
            margin: 0 auto;
            background-color: #c90c13;
            color: #ffff;
            border-radius: 8px;
            cursor: pointer;
            text-decoration: none;
        }
        a:hover {
            background-color: #dd1e26;
        }
    }
  
  
`